<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人主页</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/personal.css">
    <link rel="stylesheet" href="css/personalPage.css">
    <link rel="stylesheet" href="css/player.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="Index.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr pr">
                    <a href="UserPage.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPage.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="wallet"><a href="Wallet.html">钱包</a></li>
                            <li class="setting"><a href="Setting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr pr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="javascript:void(0);">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-piazza fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index fr dn">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content">
    <div class="SY-personal pr">
        <div class="renewCover pf">
            <a class="db pr btn" href="javascript:void(0);">
                <input type="file" class="pa">
            </a>
        </div>
        <div class="wrap tac pr">
            <div class="S-userDetail">
                <div class="pic br50">
                    <img class="br50" src="https://cdna.artstation.com/p/assets/images/images/005/131/434/smaller_square/gaeri-kim-cat-front.jpg?1488720625" alt="">
                </div>
                <div class="detail">
                    <h2 class="nickName feb">
                        路人甲
                        <a class="rewrite" href="javascript:void(0);"><i class="fa fa-pencil-square-o"></i></a>
                    </h2>
                    <p class="description toe">关于此用户的主题内容描述</p>
                    <a class="support dn br5" href="payCenter.html" target="_blank">订阅</a>
                </div>
            </div>
        </div>
        <div class="cover pa"></div>
    </div>
    <div class="SY-navigation mark">
        <div class="wrap tac clearfix pr">
            <a class="pushpin pa"></a>
            <div class="S-userDetail pa clearfix dn">
                <div class="pic br50 transition6 fl">
                    <img class="br50" src="https://cdna.artstation.com/p/assets/images/images/005/131/434/smaller_square/gaeri-kim-cat-front.jpg?1488720625" alt="">
                </div>
                <div class="detail tal fl">
                    <h2 class="nickName feb">路人甲</h2>
                </div>
            </div>
            <ul class="pr dib transition">
                <li class="dib active"><a href="javascript:void(0);">动态</a></li>
                <li class="dib"><a href="javascript:void(0);">关于我</a></li>
            </ul>
            <a class="support br5 fr" href="payCenter.html" target="_blank">订阅</a>
        </div>
    </div>
    <div class="SY-navigation pf dn">
        <div class="wrap tac clearfix pr">
            <a class="pushpin pa"></a>
            <div class="S-userDetail pa clearfix dn">
                <div class="pic br50 transition6 fl">
                    <img class="br50" src="https://cdna.artstation.com/p/assets/images/images/005/131/434/smaller_square/gaeri-kim-cat-front.jpg?1488720625" alt="">
                </div>
                <div class="detail tal fl">
                    <h2 class="nickName feb">路人甲</h2>
                </div>
            </div>
            <ul class="pr dib transition">
                <li class="dib active"><a href="javascript:void(0);">动态</a></li>
                <li class="dib"><a href="javascript:void(0);">关于我</a></li>
            </ul>
            <a class="support br5 fr" href="payCenter.html" target="_blank">订阅</a>
        </div>
    </div>
    <div class="SY-mainContent">
        <div class="wrap pr">
            <div class="S-leftBox">
                <!--支持者-->
                <div class="S-item br5 border1">
                    <div class="markBox">
                        <div class="br5 dataBox">
                            <a href="Supporter.html" class="tac dib supporter">
                                <h3 class="num feb">120</h3>
                                <p class="text">支持者</p>
                            </a>
                            <span class="line"></span>
                            <a href="Supporter.html" class="tac dib fans">
                                <h3 class="num feb">4512</h3>
                                <p class="text">粉丝</p>
                            </a>
                            <span class="line"></span>
                            <a href="#" class="tac dib status">
                                <h3 class="num feb">451</h3>
                                <p class="text">动态</p>
                            </a>
                        </div>
                        <p class="text dn">
                            这是一段关于作者的简短描述这是一段关于作者的简短描述这是一段关于作者的简短描述这是一段关于作者的简短描述
                        </p>
                        <!--编辑个人信息提示-->
                        <div class="info">
                            <p class="text">完整的个人信息，有助于更多人关注你</p>
                            <a href="javascript:void(0);">编辑<i class="fa fa-angle-right"></i></a>
                        </div>
                        <div class="msg">
                            <p class="icon"><span class="career dib"></span>工作职业</p>
                        </div>
                        <div class="btns dn">
                            <a href="javascript:void(0);" class="dib tac br5 transition active"><i class="fa fa-star"></i>关注</a>
                            <a href="javascript:void(0);" class="dib tac br5 transition pr share">
                                <i class="fa fa-share"></i>分享
                                <div class="shareWays br5 border1 pa">
                                    <span class="pa"></span>
                                    <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                        <object><a class="br50 bds_sqq" data-cmd="sqq"></a></object>
                                        <object><a class="br50 bds_weixin" data-cmd="weixin"></a></object>
                                        <object><a class="br50 bds_qzone" data-cmd="qzone"></a></object>
                                        <object><a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a></object>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="shareTo">
                            <p class="title">分享到</p>
                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                            </div>
                        </div>
                    </div>
                    <div class="linkBox">
                        <p class="title">社交主页</p>
                        <div class="linkWays">
                            <a href="javascript:void(0);" class="way br50 tac dib"><i class="fa fa-weibo"></i></a>
                            <a href="javascript:void(0);" class="way br50 tac dib"><i class="fa fa-qq"></i></a>
                        </div>
                    </div>
                </div>
                <!--目标进度-->
                <div class="S-item br5 border1" style="overflow:hidden;">
                    <div class="targetBox d n">
                        <div class="changeBtn clearfix">
                            <p class="title fl">目标进度</p>
                            <p class="btns br5 border1 fr clearfix">
                                <a href="javascript:void(0);" class="prev fl transition dib tac disable"><i class="fa fa-angle-left"></i></a>
                                <a href="javascript:void(0);" class="next fl transition dib tac"><i class="fa fa-angle-right"></i></a>
                            </p>
                        </div>
                        <div class="targetProgress pr clearfix">
                            <div class="target pr fl">
                                <p class="goalTxt">
                                    <span class="complete">已完成<em class="feb">89</em></span>
                                    <span class="uncomlplete">目标<em class="feb">300</em></span>
                                </p>
                                <div class="progress br5 pr">
                                    <p class="record br5 transition pa"></p>
                                </div>
                                <p class="text">
                                    关于这个目标的描述，达到目标后会做什么事情。关于这个目标的描述，达到目标后会做什么事情。
                                </p>
                            </div>
                            <div class="target pr fl">
                                <p class="goalTxt">
                                    <span class="complete">已完成<em class="feb">300</em></span>
                                    <span class="uncomlplete">目标<em class="feb">600</em></span>
                                </p>
                                <div class="progress br5 pr">
                                    <p class="record br5 pa"></p>
                                </div>
                                <p class="text">
                                    关于这个目标的描述，达到目标后会做什么事情。关于这个目标的描述，达到目标后会做什么事情。
                                </p>
                            </div>
                            <div class="target pr fl">
                                <p class="goalTxt">
                                    <span class="complete">已完成<em class="feb">600</em></span>
                                    <span class="uncomlplete">目标<em class="feb">1000</em></span>
                                </p>
                                <div class="progress br5 pr">
                                    <p class="record br5 pa"></p>
                                </div>
                                <p class="text">
                                    关于这个目标的描述，达到目标后会做什么事情。关于这个目标的描述，达到目标后会做什么事情。
                                </p>
                            </div>
                            <div class="target pr fl">
                                <p class="goalTxt">
                                    <span class="complete">已完成<em class="feb">1000</em></span>
                                    <span class="uncomlplete">目标<em class="feb">1500</em></span>
                                </p>
                                <div class="progress br5 pr">
                                    <p class="record br5 pa"></p>
                                </div>
                                <p class="text">
                                    关于这个目标的描述，达到目标后会做什么事情。关于这个目标的描述，达到目标后会做什么事情。
                                </p>
                            </div>
                        </div>
                    </div>
                    <!--空内容提示-->
                    <div class="addTarget dn">
                        <a class="db tac transition" href="Setting.html"><i class="fa fa-plus"></i>新建目标</a>
                    </div>
                </div>
                <!--Ta支持的人-->
                <div class="S-item br5 border1">
                    <div class="titleBox clearfix">
                        <p class="title fl">TA支持的人</p>
                        <a class="more fr" href="javascript:void(0);">更多</a>
                    </div>
                    <div class="subscriptionList d n">
                        <ul>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!--空内容提示-->
                    <div class="emptyInfo tac">
                        <div class="icon"></div>
                        <p>暂无订阅者</p>
                        <a class="dib tac br5 transition toSubscribe" href="javascript:void(0);">去订阅</a>
                    </div>
                </div>
                <!--Ta关注的人-->
                <div class="S-item br5 border1">
                    <div class="titleBox clearfix">
                        <p class="title fl">TA关注的人</p>
                        <a class="more fr" href="javascript:void(0);">更多</a>
                    </div>
                    <div class="subscriptionList d n">
                        <ul>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" target="_self">
                                    <div class="pic br50">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <p class="nickName toe">路人甲</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!--空内容提示-->
                    <div class="emptyInfo tac">
                        <div class="icon"></div>
                        <p>暂无关注者</p>
                        <a class="dib tac br5 transition toSupport" href="javascript:void(0);">去关注</a>
                    </div>
                </div>
                <!--主题&标签列表-->
                <div class="S-item br5 border1">
                    <div class="themeBox">
                        <p class="title"><span class="icon"></span>主题</p>
                        <div class="themeList d n">
                            <a class="item db toe active" href="javascript:void(0);">哈哈哈哈哈</a>
                            <a class="item db toe" href="javascript:void(0);">主题二</a>
                            <a class="item db toe" href="javascript:void(0);">主题三</a>
                            <a class="item db toe" href="javascript:void(0);">主题四</a>
                        </div>
                        <!--空内容提示-->
                        <div class="emptyInfo tac dn">
                            <p>暂无主题</p>
                        </div>
                    </div>
                    <div class="tagBox">
                        <p class="title"><span class="icon"></span>标签</p>
                        <div class="tagList clearfix d n">
                            <a href="javascript:void(0);" class="item fl tac dib active"><p class="toe">tag1</p></a>
                            <a href="javascript:void(0);" class="item fl tac dib"><p class="toe">tag1</p></a>
                            <a href="javascript:void(0);" class="item fl tac dib"><p class="toe">tag1</p></a>
                            <a href="javascript:void(0);" class="item fl tac dib"><p class="toe">tag1</p></a>
                            <a href="javascript:void(0);" class="item fl tac dib"><p class="toe">hahahaha</p></a>
                        </div>
                        <!--空内容提示-->
                        <div class="emptyInfo tac">
                            <p>暂无标签</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="S-centerBox">
                <div class="S-mainContent">
                    <div class="S-navBar br5">
                        <ul class="clearfix">
                            <li class="pr fl active">
                                <span class="triangle db pa"></span>
                                <a class="db" href="javascript:void(0);">全部</a>
                            </li>
                            <li class="pr fl">
                                <span class="triangle db pa"></span>
                                <a class="db" href="javascript:void(0);">文本</a>
                            </li>
                            <li class="pr fl">
                                <span class="triangle db pa"></span>
                                <a class="db" href="javascript:void(0);">图片</a>
                            </li>
                            <li class="pr fl">
                                <span class="triangle db pa"></span>
                                <a class="db" href="javascript:void(0);">文章</a>
                            </li>
                            <li class="pr fl">
                                <span class="triangle db pa"></span>
                                <a class="db" href="javascript:void(0);">视频</a>
                            </li>
                            <li class="pr fl">
                                <span class="triangle db pa"></span>
                                <a class="db" href="javascript:void(0);">直播</a>
                            </li>
                        </ul>
                    </div>
                    <!--图片-->
                    <div class="showItem br5 border1 pr">
                        <div class="putTop pa"><i class="fa fa-bookmark"></i><span class="pa">顶</span></div>
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                        </div>
                        <div class="picture pr" title="点击查看完整图片">
                            <div class="morePic tac br5 pa"><i class="fa fa-picture-o"></i><span class="num">7</span></div>
                            <a class="db" href="JavaScript:void(0);">
                                <img src="http://img.yxs.shenyecg.com/Gallery/iPWeMRutjGRqjpz694WY6Hucxu0KLxeC/DzM9dqEAsJNsgHrIyJEyG6r14723yIg6jNPAB57m1RYxkM_O6G9Y764xyOaunIC8.jpg" alt="">
                            </a>
                         </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">图片名称</a>
                            <p class="text">
                                关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="showItem pay br5 border1 pr">
                        <div class="putTop pa"><i class="fa fa-bookmark"></i><span class="pa">顶</span></div>
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                            <p class="fr permission"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="picture pr">
                            <div class="lockCover tac pa">
                                <p class="icon"><i class="fa fa-lock"></i></p>
                                <a class="db tac transition br5" href="javascript:void(0);">订阅观看</a>
                            </div>
                            <div class="morePic tac br5 pa"><i class="fa fa-picture-o"></i><span class="num">7</span></div>
                            <a class="db" href="JavaScript:void(0);">
                                <div class="cover transition pa"></div>
                                <img src="http://img.yxs.shenyecg.com/Gallery/iPWeMRutjGRqjpz694WY6Hucxu0KLxeC/DzM9dqEAsJNsgHrIyJEyG6r14723yIg6jNPAB57m1RYxkM_O6G9Y764xyOaunIC8.jpg" alt="">
                            </a>
                        </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">图片名称</a>
                            <p class="text">
                                关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>取消置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="showItem activity br5 border1 pr">
                        <div class="putTop pa"><i class="fa fa-bookmark"></i><span class="pa">顶</span></div>
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                            <p class="fr permission"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="picture pr">
                            <div class="lockCover tac pa">
                                <a class="dib br5 transition tac buy" href="javascript:void(0);">
                                    <i class="fa fa-lock"></i>
                                    <span class="price">￥19.9</span>
                                    预约
                                </a>
                                <a class="dib br5 transition tac" href="javascript:void(0);">代金券</a>
                                <a class="dib br5 transition tac" href="javascript:void(0);">三人组团</a>
                            </div>
                            <div class="morePic tac br5 pa"><i class="fa fa-picture-o"></i><span class="num">7</span></div>
                            <a class="db" href="javaScript:void(0);">
                                <div class="cover transition pa"></div>
                                <img src="http://img.yxs.shenyecg.com/Gallery/iPWeMRutjGRqjpz694WY6Hucxu0KLxeC/DzM9dqEAsJNsgHrIyJEyG6r14723yIg6jNPAB57m1RYxkM_O6G9Y764xyOaunIC8.jpg" alt="">
                            </a>
                        </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">图片名称</a>
                            <p class="text">
                                关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述关于图片的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>取消置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--视频-->
                    <div class="showItem br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                        </div>
                        <div class="video pr">
                            <div class="lock transition pa"></div>
                            <div class="lockCover tac pa">
                                <p class="icon"><i class="fa fa-lock"></i></p>
                                <a class="db tac transition br5" href="javascript:void(0);">订阅观看</a>
                            </div>
                            <div class="cover transition pa"></div>
                            <i class="fa fa-play-circle-o transition pa"></i>
                            <div class="play">
                                <div id="t-video" class="video usn " style="position:relative;width:100%;height:100%;left:0;top:0;box-sizing:border-box;">
                                    <video id="playVideo" style="display: block; width: 100%; height: 100%;box-sizing:inherit;" src="http://www.shenyecg.com/video/multitude.mp4" poster="https://cdnb.artstation.com/p/assets/images/images/000/826/927/large/wl-op-1.jpg?1443929888"></video>
                                    <div class="sewise-player-ui usn">
                                        <div class="controlbar transition">
                                            <div class="controlbar-bg">
                                                控制栏背景
                                            </div>
                                            <div class="controlbar-btns">
                                                <div class="controlbar-btn controlbar-div-play">
                                                    <a href="javascript:;" class="controlbar-btns-play" tabindex="1">播放</a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-pause">
                                                    <a href="javascript:;" class="controlbar-btns-pause" tabindex="2">暂停</a>
                                                </div>
                                                <div class="controlbar-btn controlbar-progress">
                                                    <div class="progressBox">
                                                        <div class="controlbar-progress-totalline br5"></div>
                                                        <div class="controlbar-progress-loadedline br5 transition" style="width: 60.391352%;"></div>
                                                        <div class="controlbar-progress-playedline br5 transition" style="width: 15.0466252%;">
                                                            <div class="controlbar-progress-playpoint transition br50"></div>
                                                        </div>
                                                        <div class="controlbar-progress-seekline"></div>
                                                        <div class="controlbar-progress-tip" current-time="" style="left: 20%;">
                                                            <span>30:00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-time">
                                                    <div class="controlbar-playtime">
                                                        00:04
                                                    </div>
                                                    <div class="controlbar-playtime-split">
                                                        /
                                                    </div>
                                                    <div class="controlbar-totaltime">
                                                        155:11
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-volume pr">
                                                    <div class="controlbar-div-volumeline pa">
                                                        <div class="controlbar-volumeline br5 pa">
                                                            <div class="controlbar-volumeline-bg br5">
                                                            </div>
                                                            <div class="controlbar-volumeline-volume transition br5 pa" style="height:48px;">
                                                            </div>
                                                            <div class="controlbar-volumeline-dragger">
                                                            </div>
                                                            <div class="controlbar-volumeline-point br50 pa">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="controlbar-div-soundclose volume" style="display: none;">
                                                        <a href="javascript:;" class="controlbar-btns-soundclose" tabindex="1"></a>
                                                    </div>
                                                    <div class="controlbar-div-soundopen volume" style="display: block;">
                                                        <a href="javascript:;" class="controlbar-btns-soundopen" tabindex="1"></a>
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-barrage">
                                                    <a href="javascript:;" class="controlbar-btns-barrage close" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-palyRate pr">
                                                    <div class="controlbar-btns-menu br5" role="presentation">
                                                        <ul class="controlbar-btns-palyRate-content" role="menu">
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">4.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">3.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">2.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.75x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.5x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.25x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item active" tabindex="-1" role="palyRateItem" aria-live="polite">1.0x<span class="vjs-control-text"></span></li>
                                                        </ul>
                                                    </div>
                                                    <div class="controlbar-btns-palyRate br5">1.0x</div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-resolution pr">
                                                    <div class="controlbar-btns-menu br5">
                                                        <ul class="controlbar-btns-resolution-content">
                                                            <li class="controlbar-btns-resolution-item">超清</li>
                                                            <li class="controlbar-btns-resolution-item active">高清</li>
                                                            <li class="controlbar-btns-resolution-item">普清</li>
                                                            <li class="controlbar-btns-resolution-item">自动</li>
                                                        </ul>
                                                    </div>
                                                    <div class="controlbar-btns-resolution br5">高清</div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-fullscreen" style="display: block;">
                                                    <a href="javascript:;" class="controlbar-btns-fullscreen" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-normalscreen" style="display: none;">
                                                    <a href="javascript:;" class="controlbar-btns-normalscreen" tabindex="1"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="progressbar transition6 pa">
                                            <div class="progress-inner transition pa" style="width: 50%"></div>
                                        </div>
                                        <div class="logo" style="display: none;">
                                            <a href="http://www.shenyecg.com/" target="_blank" class="logo-icon" tabindex="1" style="background: url('') 0px 0px no-repeat;">logo</a>
                                        </div>
                                        <div class="topbar" style="display: none;">
                                            <div class="topbar-program">
                                                <div class="topbar-program-tip">
                                                    正在播放：
                                                </div>
                                                <div class="topbar-program-title">
                                                </div>
                                            </div>
                                            <div class="topbar-clock">
                                                2018-1-30 14:19:57
                                            </div>
                                        </div>
                                        <div class="buffer" style="display: none;">
                                            <div class="buffer-bg">
                                                背景图片
                                            </div>
                                            <div class="buffer-text">
                                                <div class="buffer-text-tip">
                                                </div>
                                                <div class="buffer-text-bufferPt">
                                                    ...
                                                </div>
                                            </div>
                                        </div>
                                        <div class="big-play-btn br50">
                                            <a href="javascript:;" class="big-play-icon pause" tabindex="1"><i class="fa fa-play"></i></a>
                                            <a href="javascript:;" class="big-play-icon replay" tabindex="1"><i class="fa fa-rotate-left"></i></a>
                                        </div>
                                        <div class="clarity-switch-btn" style="top: 0; margin-top: -5px;display: none;">
                                            <a href="javascript:;" class="clarity-btn-text" tabindex="1">自动</a>
                                        </div>
                                        <div class="danmaku state-pause" id="danmu">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">视频名称</a>
                            <p class="text">
                                关于视频的一些描述关于视频的一些描述关于视频的一些描述关于视频的一些描述关于视频的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="showItem pay br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                            <p class="fr permission"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="video pr">
                            <div class="lockCover tac pa">
                                <p class="icon"><i class="fa fa-lock"></i></p>
                                <a class="db tac transition br5" href="javascript:void(0);">订阅观看</a>
                            </div>
                            <a href="javascript:void(0);"><div class="cover transition pa"></div></a>
                            <i class="fa fa-play-circle-o transition pa"></i>
                            <div class="play">
                                <div id="t-video" class="video usn " style="position:relative;width:100%;height:100%;left:0;top:0;box-sizing:border-box;">
                                    <video id="playVideo" style="display: block; width: 100%; height: 100%;box-sizing:inherit;" src="http://www.shenyecg.com/video/multitude.mp4" poster="https://wx4.sinaimg.cn/crop.0.0.585.329.1000/006Tr4asly1fnyqrpm47og30ga095myx.gif" auto play=""></video>
                                    <div class="sewise-player-ui usn">
                                        <div class="controlbar transition">
                                            <div class="controlbar-bg">
                                                控制栏背景
                                            </div>
                                            <div class="controlbar-btns">
                                                <div class="controlbar-btn controlbar-div-play">
                                                    <a href="javascript:;" class="controlbar-btns-play" tabindex="1">播放</a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-pause">
                                                    <a href="javascript:;" class="controlbar-btns-pause" tabindex="2">暂停</a>
                                                </div>
                                                <div class="controlbar-btn controlbar-progress">
                                                    <div class="progressBox">
                                                        <div class="controlbar-progress-totalline br5"></div>
                                                        <div class="controlbar-progress-loadedline br5 transition" style="width: 60.391352%;"></div>
                                                        <div class="controlbar-progress-playedline br5 transition" style="width: 15.0466252%;">
                                                            <div class="controlbar-progress-playpoint transition br50"></div>
                                                        </div>
                                                        <div class="controlbar-progress-seekline"></div>
                                                        <div class="controlbar-progress-tip" current-time="" style="left: 20%;">
                                                            <span>30:00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-time">
                                                    <div class="controlbar-playtime">
                                                        00:04
                                                    </div>
                                                    <div class="controlbar-playtime-split">
                                                        /
                                                    </div>
                                                    <div class="controlbar-totaltime">
                                                        155:11
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-volume pr">
                                                    <div class="controlbar-div-volumeline pa">
                                                        <div class="controlbar-volumeline br5 pa">
                                                            <div class="controlbar-volumeline-bg br5">
                                                            </div>
                                                            <div class="controlbar-volumeline-volume transition br5 pa" style="height:48px;">
                                                            </div>
                                                            <div class="controlbar-volumeline-dragger">
                                                            </div>
                                                            <div class="controlbar-volumeline-point br50 pa">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="controlbar-div-soundclose volume" style="display: none;">
                                                        <a href="javascript:;" class="controlbar-btns-soundclose" tabindex="1"></a>
                                                    </div>
                                                    <div class="controlbar-div-soundopen volume" style="display: block;">
                                                        <a href="javascript:;" class="controlbar-btns-soundopen" tabindex="1"></a>
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-barrage">
                                                    <a href="javascript:;" class="controlbar-btns-barrage close" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-palyRate pr">
                                                    <div class="controlbar-btns-menu br5" role="presentation">
                                                        <ul class="controlbar-btns-palyRate-content" role="menu">
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">4.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">3.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">2.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.75x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.5x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.25x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item active" tabindex="-1" role="palyRateItem" aria-live="polite">1.0x<span class="vjs-control-text"></span></li>
                                                        </ul>
                                                    </div>
                                                    <div class="controlbar-btns-palyRate br5">1.0x</div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-resolution pr">
                                                    <div class="controlbar-btns-menu br5">
                                                        <ul class="controlbar-btns-resolution-content">
                                                            <li class="controlbar-btns-resolution-item">超清</li>
                                                            <li class="controlbar-btns-resolution-item active">高清</li>
                                                            <li class="controlbar-btns-resolution-item">普清</li>
                                                            <li class="controlbar-btns-resolution-item">自动</li>
                                                        </ul>
                                                    </div>
                                                    <div class="controlbar-btns-resolution br5">高清</div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-fullscreen" style="display: block;">
                                                    <a href="javascript:;" class="controlbar-btns-fullscreen" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-normalscreen" style="display: none;">
                                                    <a href="javascript:;" class="controlbar-btns-normalscreen" tabindex="1"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="progressbar transition6 pa">
                                            <div class="progress-inner transition pa" style="width: 50%"></div>
                                        </div>
                                        <div class="logo" style="display: none;">
                                            <a href="http://www.shenyecg.com/" target="_blank" class="logo-icon" tabindex="1" style="background: url('') 0px 0px no-repeat;">logo</a>
                                        </div>
                                        <div class="topbar" style="display: none;">
                                            <div class="topbar-program">
                                                <div class="topbar-program-tip">
                                                    正在播放：
                                                </div>
                                                <div class="topbar-program-title">
                                                </div>
                                            </div>
                                            <div class="topbar-clock">
                                                2018-1-30 14:19:57
                                            </div>
                                        </div>
                                        <div class="buffer" style="display: none;">
                                            <div class="buffer-bg">
                                                背景图片
                                            </div>
                                            <div class="buffer-text">
                                                <div class="buffer-text-tip">
                                                </div>
                                                <div class="buffer-text-bufferPt">
                                                    ...
                                                </div>
                                            </div>
                                        </div>
                                        <div class="big-play-btn br50">
                                            <a href="javascript:;" class="big-play-icon pause" tabindex="1"><i class="fa fa-play"></i></a>
                                            <a href="javascript:;" class="big-play-icon replay" tabindex="1"><i class="fa fa-rotate-left"></i></a>
                                        </div>
                                        <div class="clarity-switch-btn" style="top: 0; margin-top: -5px;display: none;">
                                            <a href="javascript:;" class="clarity-btn-text" tabindex="1">自动</a>
                                        </div>
                                        <div class="danmaku state-pause" id="danmu">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">视频名称</a>
                            <p class="text">
                                关于视频的一些描述关于视频的一些描述关于视频的一些描述关于视频的一些描述关于视频的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="showItem activity br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                            <p class="fr permission"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="video pr">
                            <div class="lockCover tac pa">
                                <a class="dib br5 transition tac buy" href="javascript:void(0);">
                                    <i class="fa fa-lock"></i>
                                    <span class="price">￥19.9</span>
                                    预约
                                </a>
                                <a class="dib br5 transition tac" href="javascript:void(0);">代金券</a>
                                <a class="dib br5 transition tac" href="javascript:void(0);">三人组团</a>
                            </div>
                            <a href="javascript:void(0);">
                                <div class="cover transition pa"></div>
                            </a>
                            <div class="play">
                                <div id="t-video" class="video usn " style="position:relative;width:100%;height:100%;left:0;top:0;box-sizing:border-box;">
                                    <video id="playVideo" style="display: block; width: 100%; height: 100%;box-sizing:inherit;" src="http://www.shenyecg.com/video/multitude.mp4" poster="https://wx4.sinaimg.cn/crop.0.0.585.329.1000/006Tr4asly1fnyqrpm47og30ga095myx.gif" auto play=""></video>
                                    <div class="sewise-player-ui usn">
                                        <div class="controlbar transition">
                                            <div class="controlbar-bg">
                                                控制栏背景
                                            </div>
                                            <div class="controlbar-btns">
                                                <div class="controlbar-btn controlbar-div-play">
                                                    <a href="javascript:;" class="controlbar-btns-play" tabindex="1">播放</a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-pause">
                                                    <a href="javascript:;" class="controlbar-btns-pause" tabindex="2">暂停</a>
                                                </div>
                                                <div class="controlbar-btn controlbar-progress">
                                                    <div class="progressBox">
                                                        <div class="controlbar-progress-totalline br5"></div>
                                                        <div class="controlbar-progress-loadedline br5 transition" style="width: 60.391352%;"></div>
                                                        <div class="controlbar-progress-playedline br5 transition" style="width: 15.0466252%;">
                                                            <div class="controlbar-progress-playpoint transition br50"></div>
                                                        </div>
                                                        <div class="controlbar-progress-seekline"></div>
                                                        <div class="controlbar-progress-tip" current-time="" style="left: 20%;">
                                                            <span>30:00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-time">
                                                    <div class="controlbar-playtime">
                                                        00:04
                                                    </div>
                                                    <div class="controlbar-playtime-split">
                                                        /
                                                    </div>
                                                    <div class="controlbar-totaltime">
                                                        155:11
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-volume pr">
                                                    <div class="controlbar-div-volumeline pa">
                                                        <div class="controlbar-volumeline br5 pa">
                                                            <div class="controlbar-volumeline-bg br5">
                                                            </div>
                                                            <div class="controlbar-volumeline-volume transition br5 pa" style="height:48px;">
                                                            </div>
                                                            <div class="controlbar-volumeline-dragger">
                                                            </div>
                                                            <div class="controlbar-volumeline-point br50 pa">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="controlbar-div-soundclose volume" style="display: none;">
                                                        <a href="javascript:;" class="controlbar-btns-soundclose" tabindex="1"></a>
                                                    </div>
                                                    <div class="controlbar-div-soundopen volume" style="display: block;">
                                                        <a href="javascript:;" class="controlbar-btns-soundopen" tabindex="1"></a>
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-barrage">
                                                    <a href="javascript:;" class="controlbar-btns-barrage close" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-palyRate pr">
                                                    <div class="controlbar-btns-menu br5" role="presentation">
                                                        <ul class="controlbar-btns-palyRate-content" role="menu">
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">4.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">3.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">2.0x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.75x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.5x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.25x<span class="vjs-control-text"></span></li>
                                                            <li class="controlbar-btns-palyRate-item active" tabindex="-1" role="palyRateItem" aria-live="polite">1.0x<span class="vjs-control-text"></span></li>
                                                        </ul>
                                                    </div>
                                                    <div class="controlbar-btns-palyRate br5">1.0x</div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-resolution pr">
                                                    <div class="controlbar-btns-menu br5">
                                                        <ul class="controlbar-btns-resolution-content">
                                                            <li class="controlbar-btns-resolution-item">超清</li>
                                                            <li class="controlbar-btns-resolution-item active">高清</li>
                                                            <li class="controlbar-btns-resolution-item">普清</li>
                                                            <li class="controlbar-btns-resolution-item">自动</li>
                                                        </ul>
                                                    </div>
                                                    <div class="controlbar-btns-resolution br5">高清</div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-fullscreen" style="display: block;">
                                                    <a href="javascript:;" class="controlbar-btns-fullscreen" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-normalscreen" style="display: none;">
                                                    <a href="javascript:;" class="controlbar-btns-normalscreen" tabindex="1"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="progressbar transition6 pa">
                                            <div class="progress-inner transition pa" style="width: 50%"></div>
                                        </div>
                                        <div class="logo" style="display: none;">
                                            <a href="http://www.shenyecg.com/" target="_blank" class="logo-icon" tabindex="1" style="background: url('') 0px 0px no-repeat;">logo</a>
                                        </div>
                                        <div class="topbar" style="display: none;">
                                            <div class="topbar-program">
                                                <div class="topbar-program-tip">
                                                    正在播放：
                                                </div>
                                                <div class="topbar-program-title">
                                                </div>
                                            </div>
                                            <div class="topbar-clock">
                                                2018-1-30 14:19:57
                                            </div>
                                        </div>
                                        <div class="buffer" style="display: none;">
                                            <div class="buffer-bg">
                                                背景图片
                                            </div>
                                            <div class="buffer-text">
                                                <div class="buffer-text-tip">
                                                </div>
                                                <div class="buffer-text-bufferPt">
                                                    ...
                                                </div>
                                            </div>
                                        </div>
                                        <div class="big-play-btn br50">
                                            <a href="javascript:;" class="big-play-icon pause" tabindex="1"><i class="fa fa-play"></i></a>
                                            <a href="javascript:;" class="big-play-icon replay" tabindex="1"><i class="fa fa-rotate-left"></i></a>
                                        </div>
                                        <div class="clarity-switch-btn" style="top: 0; margin-top: -5px;display: none;">
                                            <a href="javascript:;" class="clarity-btn-text" tabindex="1">自动</a>
                                        </div>
                                        <div class="danmaku state-pause" id="danmu">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">视频名称</a>
                            <p class="text">
                                关于视频的一些描述关于视频的一些描述关于视频的一些描述关于视频的一些描述关于视频的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--直播-->
                    <div class="showItem br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                        </div>
                        <div class="live pr" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/001/337/630/large/wl-op-7s.jpg?1444639378')">
                            <div class="lockCover tac pa">
                                <p class="icon"><i class="fa fa-lock"></i></p>
                                <a class="db tac transition br5" href="javascript:void(0);">订阅观看</a>
                            </div>
                            <a href="javascript:void(0);">
                                <div class="cover transition pa"></div>
                                <div class="playIcon tac pa"><i class="fa fa-video-camera"></i></div>
                                <div class="living transition tac pa">
                                    <p class="livingIcon"></p>
                                    <p class="text">正在直播</p>
                                    <p class="text dn">即将直播</p>
                                </div>
                            </a>
                        </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">直播名称</a>
                            <p class="text">
                                关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="showItem pay br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                            <p class="fr permission"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="live pr" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/001/337/630/large/wl-op-7s.jpg?1444639378')">
                            <div class="lockCover tac pa">
                                <p class="icon"><i class="fa fa-lock"></i></p>
                                <a class="db tac transition br5" href="javascript:void(0);">订阅观看</a>
                            </div>
                            <a href="javascript:void(0);">
                                <div class="cover transition pa"></div>
                                <div class="playIcon tac pa"><i class="fa fa-video-camera"></i></div>
                                <div class="living transition tac pa">
                                    <p class="livingIcon"></p>
                                    <p class="text">正在直播</p>
                                    <p class="text dn">即将直播</p>
                                </div>
                            </a>
                        </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">直播名称</a>
                            <p class="text">
                                关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="showItem activity br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                            <p class="fr permission"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="live pr" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/001/337/630/large/wl-op-7s.jpg?1444639378')">
                            <div class="lockCover tac pa">
                                <a class="dib br5 transition tac buy" href="javascript:void(0);">
                                    <i class="fa fa-lock"></i>
                                    <span class="price">￥19.9</span>
                                    预约
                                </a>
                                <a class="dib br5 transition tac" href="javascript:void(0);">代金券</a>
                                <a class="dib br5 transition tac" href="javascript:void(0);">三人组团</a>
                            </div>
                            <a href="javascript:void(0);">
                                <div class="cover transition pa"></div>
                                <div class="playIcon tac pa"><i class="fa fa-video-camera"></i></div>
                            </a>
                        </div>
                        <div class="description">
                            <a class="picName dib" href="javascript:void(0);">直播名称</a>
                            <p class="text">
                                关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述关于直播的一些描述
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--文章-->
                    <div class="showItem br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                        </div>
                        <div class="article pr">
                            <div class="lockCover tac pa">
                                <p class="icon"><i class="fa fa-lock"></i></p>
                                <a class="db tac transition br5" href="javascript:void(0);">订阅观看</a>
                            </div>
                            <p class="icon br50 tac pa"><i class="fa fa-file-text"></i></p>
                            <a class="db" href="javascript:void(0);">
                                <img src="https://wx1.sinaimg.cn/crop.0.39.800.449.1000/006Tr4asgy1fnrrrnjfhij30m80fojw8.jpg" alt="">
                            </a>
                        </div>
                        <div class="description essay">
                            <a class="picName dib" href="javascript:void(0);">文章名称</a>
                            <p class="text">
                                在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="showItem pay br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                            <p class="fr permission"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="article pr">
                            <div class="lockCover tac pa">
                                <p class="icon"><i class="fa fa-lock"></i></p>
                                <a class="db tac transition br5" href="javascript:void(0);">订阅观看</a>
                            </div>
                            <p class="icon br50 tac pa"><i class="fa fa-file-text"></i></p>
                            <a class="db" href="javascript:void(0);">
                                <div class="cover transition pa"></div>
                                <img src="https://wx1.sinaimg.cn/crop.0.39.800.449.1000/006Tr4asgy1fnrrrnjfhij30m80fojw8.jpg" alt="">
                            </a>
                        </div>
                        <div class="description essay">
                            <a class="picName dib" href="javascript:void(0);">文章名称</a>
                            <p class="text">
                                在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="showItem activity br5 border1 pr">
                        <div class="showWork clearfix">
                            <div class="fl">
                                <a href="javascript:void(0);" class="pic br50 dib">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                </a>
                                <div class="msg dib">
                                    <a href="javascript:void(0);" class="nickName db">路人甲</a>
                                    <p class="time">2018年1月24日</p>
                                </div>
                            </div>
                            <p class="fr permission"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="article pr">
                            <div class="lockCover tac pa">
                                <a class="dib br5 transition tac buy" href="javascript:void(0);">
                                    <i class="fa fa-lock"></i>
                                    <span class="price">￥19.9</span>
                                    预约
                                </a>
                                <a class="dib br5 transition tac" href="javascript:void(0);">代金券</a>
                                <a class="dib br5 transition tac" href="javascript:void(0);">三人组团</a>
                            </div>
                            <p class="icon br50 tac pa"><i class="fa fa-file-text"></i></p>
                            <a class="db" href="javascript:void(0);">
                                <div class="cover transition pa"></div>
                                <img src="https://wx1.sinaimg.cn/crop.0.39.800.449.1000/006Tr4asgy1fnrrrnjfhij30m80fojw8.jpg" alt="">
                            </a>
                        </div>
                        <div class="description essay">
                            <a class="picName dib" href="javascript:void(0);">文章名称</a>
                            <p class="text">
                                在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙
                            </p>
                            <div class="others clearfix">
                                <p class="tags fl">
                                    <i class="fa fa-tag"></i>
                                    <span class="tag">tag1</span>
                                    <span class="tag">tag2</span>
                                    <span class="tag">tag3</span>
                                </p>
                                <div class="shares fr pr">
                                    <a href="javascript:void(0);" class="scan"><i class="fa fa-eye"></i>652</a>
                                    <a href="javascript:void(0);" class="comment"><i class="fa fa-commenting"></i>120</a>
                                    <a href="javascript:void(0);" class="thumbsUp"><i class="fa fa-thumbs-up"></i>12</a>
                                    <div class="share dib pr">
                                        <i class="fa fa-share"></i>30
                                        <div class="shareWays br5 border1 pa">
                                            <span class="pa"></span>
                                            <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                                <a class="br50 bds_sqq" data-cmd="sqq"></a>
                                                <a class="br50 bds_weixin" data-cmd="weixin"></a>
                                                <a class="br50 bds_qzone" data-cmd="qzone"></a>
                                                <a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="javascript:void(0);" class="ellipsis"><i class="fa fa-ellipsis-h"></i></a>
                                    <div class="unormal pa border1 br5 dn">
                                        <a href="javascript:void(0);" class="db stick"><i class="fa fa-step-backward fa-rotate-90"></i>置顶</a>
                                        <a href="javascript:void(0);" class="db rewrite"><i class="fa fa-pencil"></i>编辑</a>
                                        <a href="javascript:void(0);" class="db delete"><i class="fa fa-trash"></i>删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comments dn">
                            <div class="commentList">
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix">
                                                <div class="userPic br50 fl">
                                                    <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                                </div>
                                                <div class="detail fl">
                                                    <div class="msg clearfix">
                                                        <div class="main fl">
                                                            <div class="user">
                                                                <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                                <p class="time dib">2018年1月24日</p>
                                                            </div>
                                                            <p class="text">
                                                                第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                            </p>
                                                        </div>
                                                        <div class="attitude fr">
                                                            <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                            <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="detail fl">
                                        <div class="msg clearfix">
                                            <div class="main fl">
                                                <div class="user">
                                                    <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                    <p class="time dib">2018年1月24日</p>
                                                </div>
                                                <p class="text">
                                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                                </p>
                                            </div>
                                            <div class="attitude fr">
                                                <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                            </div>
                                        </div>
                                        <div class="comment">

                                        </div>
                                        <div class="opinion clearfix dn">
                                            <div class="userPic br50 fl">
                                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            </div>
                                            <div class="myOpinion fl">
                                                <input type="text" placeholder="你的看法...">
                                                <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="myComment clearfix">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                    </div>
                                    <div class="myOpinion fl">
                                        <input type="text" placeholder="你的看法...">
                                        <a href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--加载更多-->
                    <div class="loading tac">
                        <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                    </div>
                </div>
                <!--空内容提示-->
                <div class="emptyInfo tac empty">
                    <div class="icon"></div>
                    <p>该创作者还未分享相关内容</p><br>
                    <p>分享优质的内容，可以获得更多的支持者，同时获得收益</p>
                    <a class="db tac transition br5" href="Post.html">发一个帖子</a>
                </div>
            </div>
            <div class="S-rightBox">
                <div class="S-item br5 border1">
                    <div class="titleBox">
                        <p class="title">订阅项目</p>
                    </div>
                    <div class="findMore">
                        <h3 class="title">订阅内容标题</h3>
                        <p class="text fold">对于支持者的回馈承诺对于支持者的回馈承诺对于支持者的回馈承诺对于支持者的回馈</p>
                        <span class="tar pr spread"><i class="word">展开</i><i class="fa fa-angle-double-down"></i></span>
                        <div class="courseMsg">
                            <p class="openTime">开放订阅时间：<span>2018.5.13</span></p>
                            <p class="populationLimit dib">人数限制：<span>200</span></p>
                            <p class="extraPopulation dib">还剩：<span>200</span></p>
                        </div>
                        <a class="br5 tac transition" href="payCenter.html" target="_blank"><span class="price">￥1</span>获得</a>
                    </div>
                    <div class="findMore">
                        <h3 class="title">订阅内容标题</h3>
                        <div class="pic">
                            <img src="https://cdna.artstation.com/p/assets/images/images/001/337/630/large/wl-op-7s.jpg?1444639378" alt="">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/005/196/445/large/wl-op-19s.jpg?1489218074" alt="">
                        </div>
                        <p class="text fold">对于支持者的回馈承诺对于支持者的回馈承诺对于支持者的回馈承诺对于支持者的回馈承诺对于支持者的回馈承诺对于支持者的回馈承诺对于支持者的回馈承诺对于支持者的回馈承诺</p>
                        <span class="tar pr spread"><i class="word">展开</i><i class="fa fa-angle-double-down"></i></span>
                        <div class="courseMsg">
                            <p class="openTime">开放订阅时间：<span>2018.5.13</span></p>
                            <p class="populationLimit dib">人数限制：<span>200</span></p>
                            <p class="extraPopulation dib">还剩：<span>200</span></p>
                        </div>
                        <a class="br5 tac transition" href="payCenter.html" target="_blank"><span class="price">￥99</span>获得</a>
                    </div>
                    <!--空内容提示-->
                    <div class="emptyInfo tac dn">
                        <p>暂无奖励回馈</p>
                        <a class="dib tac br5 transition setReward" href="javascript:void(0);">设置奖励</a>
                    </div>
                </div>
            </div>
            <div class="backToTop pa">
                <a class="db tac transition" href="javascript:void(0);"><i class="fa fa-chevron-up"></i></a>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<!--页脚 开始-->
<div class="SY-footer">
    <div class="SY-foot clearfix">
        <div class="aboutUs fl">
            <div class="logoBox">
                <img src="img/icons/bottomLogo.png" alt="">
                <p class="dib slogin">深夜研习社</p>
                <span class="line dib"></span>
                <p class="dib text">知识应该受到尊重</p>
            </div>
            <div class="connectUs">
                <p class="text dib">联系我们:<span class="phoneNumer dib">027-62438159</span></p>
                <a href="javascript:void(0);" class="tencent linkIcon"></a>
            </div>
        </div>
        <div class="msgDetail fr clearfix">
            <ul class="iconList fr">
                <li class="pr">
                    <span class="wechat linkIcon"></span>
                    <div class="weChatCode tac pa">
                        <i class="icon-arrow-down pa"></i>
                        <p class="scan">扫描二维码</p>
                        <p class="text">关注微信公众号</p>
                        <img src="img/icons/WeChatCode.jpg" alt="">
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="sina linkIcon"></a></li>
            </ul>
            <dl class="fr">
                <dt><a href="HelpCenter.html">关于我们</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">服务条款</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">版权申明</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">常见问题</a></dt>
            </dl>
            <p class="recordNumber"><a href="javascript:void(0);">Copyright&copy; www.shenyecg.com 2017 | 鄂ICP备16021987号-1</a></p>
        </div>
    </div>
</div>
<!--页脚 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/personalPage.js"></script>
<script src="js/search.js"></script>
</body>
</html>